<template>
  <div id="app">
    <img src="./assets/imgx/background.png" alt="">
    <div class="content_box">
      <router-view />
    </div>
  </div>
</template>

<script>
import { mapActions } from "vuex"
import { equipment } from "@/api/index"
export default {
  created() {
    this.equipment()
  },
  methods: {
    ...mapActions("Userindex", ['asyncuserefunction']),
    equipment() {
      equipment().then(res => {
        if (res.code == 200) {
          this.asyncuserefunction(res.data)
        }
      })
    }
  }
}




</script>

<style lang="less" scoped>
::-webkit-scrollbar {
  display: none;
}

#app {
  width: 1920px;
  height: 1080px;
  position: relative;
  overflow: hidden;

  img {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .content_box {
    position: absolute;
    width: 96%;
    height: 97%;
    padding: 0px 32px;
    overflow: hidden;
  }
}
</style>